<template>
    <el-card>
        <div class="title">申请记录</div>
        <el-table
            :data="tableData"
            style="width: 100%; margin-bottom: 20px"
            row-key="date"
            border
            :size="pageSize"
        >
            <el-table-column prop="requestId" label="申请编号"/>
            <el-table-column prop="courseName" label="课程名称"/>
            <el-table-column prop="teacherName" label="教师名称"/>
            <el-table-column prop="date" label="申请时间"/>
            <el-table-column prop="description" label="申请详情"/>
            <el-table-column prop="status" label="状态"/>
            <el-table-column prop="reason" label="申请原由"/>
        </el-table>
    </el-card>
</template>

<script setup lang="ts">
import {ref} from "vue";

const pageSize = ref(20)
// 页码
const page = ref(1)
const total = ref(10)
const tableData = ref([{
    requestId: "",
    courseName: "",
    teacherName: "",
    date: "",
    description: "",
    status: "",
    reason: "",
}])
</script>


<style scoped>

</style>